{layout name="wapian/layout" /}
<style>
    .hy-switch-tabs .nav-tabs li {
        margin: 0 30px 9px 0;
    }
</style>
<div class="container">
    <div class="row">
        <div class="col-md-9 col-sm-12 hy-main-content">
            <div class="hy-layout clearfix">

                <div class="hy-video-head">
                    <span class="text-muted pull-right hidden-xs"></span>
                    <h4 class="margin-0">搜索到与<span class="text-color">“{$page['wd']}”</span>相关的影片
                        <span style="color: #f00;">{$data.number} </span>部</h4>
                </div>

                <div class="hy-switch-tabs active clearfix">
                    <ul class="nav nav-tabs">
                        {volist name=":putSearchList()" id="vod" key="n"}
                        <li {if condition="(:config($vod.val.'.sign')==$page['from']" } class="active" {/if}>
                            <form id="tab-search{$n}" role="search" action="/search/index.html" method="post">
                                <input type="hidden" name="wd" required="" value="{$page['wd']}">
                                <input type="hidden" name="from" value="{:config($vod.val.'.sign')}" />
                                <a href="javascript:" onClick="$('#tab-search{$n}').submit();">
                                    {:config($vod.val.'.title')}
                                </a>
                            </form>
                        </li>
                        {/volist}
                    </ul>
                </div>

                {notempty name="data.data"}
                {volist name="data.data" id="vod"}
                <div class="hy-video-details active clearfix">
                    <div class="item clearfix">
                        <dl class="content">
                            <dt><a class="videopic" href="/play-{$vod['vod_type_id']}/{$vod.vod_url}"
                                    style="background: url({$vod.vod_pic}) no-repeat; background-position:50% 50%; background-size: cover;">
                                    <span class="play hidden-xs"></span>
                                    <span class="score">官方资源</span>
                                </a>
                            </dt>
                            <dd class="clearfix">
                                <div class="head">
                                    <h3>{$vod.vod_title}</h3>
                                </div>
                                <div class="score">
                                    <div class="star">
                                        <span class="star-cur" id="score-{$vod.id}-{$vod.vod_score}"></span>
                                    </div>
                                    <span class="branch">{$vod.vod_score}</span>
                                    <script type="text/javascript">
                                        var str = "{$vod.vod_score}%"
                                        document.getElementById("score-{$vod.id}-{$vod.vod_score}").style.width = (str.replace(".", ""))
                                    </script>
                                </div>

                                <ul>
                                    <li><span class="text-muted">简介：</span>{$vod.vod_desc}</li>
                                </ul>
                                <div class="block">
                                    <a class="text-muted" href="/play-{$vod['vod_type_id']}/{$vod.vod_url}">查看详情 <i
                                            class="icon iconfont icon-xiangyou"></i></a>
                                </div>
                            </dd>
                        </dl>
                    </div>
                </div>
                {/volist}
                {/notempty}

            </div>
        </div>

    </div>
</div>